import { Button } from 'antd';
import { useVisible } from '@/biz-components/modals/hooks';
// import ChangePasswordModal from '@/pages/systemManagement/account/change-password-modal';
import { FormattedMessage } from '@@/plugin-locale/localeExports';

const ChangePasswordButton = () => {
  const [visible, showModal, hiddenModal] = useVisible();

  const handleClick = () => {
    showModal();
  };

  return (
    <>
      <Button type="text" onClick={handleClick}>
        <FormattedMessage id="password.btn.change" />
      </Button>
      {/* <ChangePasswordModal visible={visible} onCancel={hiddenModal} /> */}
    </>
  );
};

export default ChangePasswordButton;
